<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> 
<html>
  <head>
    <link rel="shortcut icon" href="favicon.ico" >
    <link rel="icon" type="image/gif" href="animated_favicon1.gif" >
    <link type="text/css" href="css/ui-darkness/jquery-ui-1.8.11.custom.css" rel="stylesheet" />
    <link type="text/css" href="css/queryLoader.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/styles.css" />
    <title>Ambar Group Web</title>
  </head>
  <body>
   <?php include_once("google-analytics.php") ?>
   <div id="wrapper">
    <div id="container">   
      <h1 id="logo"><img src="images/logo-ambar-medium.png" alt="Ambar Group" /></h1>
      <div id="accordion">
        <div class="home">
          <h3><a href="#">Home</a></h3>
          <div id="acc">
            <span>
              Ambar Group is a fresh and innovating company focused on high quality
              development, reliable solutions and fully customized products.<br />
              We have wide experience working on web solutions for different areas
              like Entertainment, Institutional, Social and eComerce.
            </span>
          </div>
        </div>
        <div>
          <h3><a href="#">Ambar philosophy</a></h3>
          <div>
            <span>
            We love to innovate and we do it. Our company is a space for creativity
            and smart ideas, supported by effort and commitment to get success.<br />
            Our team works on a friendly environment, enjoying working time.
            We integrate the clients into development proccess as team partners,
            allowing them to track the progress, suggest ideas and enjoy the
            growing proccess of their idea!
            </span>
          </div>
        </div>
          <div>
              <h3><a href="#">Ambar Tech</a></h3>
              <div style="max-height:150px;" class="tech-container">
                <span>
                  <span class="logo-php-icon logos-position"></span>
                  <strong><i>PHP:</i></strong><br />
                  A general-purpose scripting language very popular on web development
                  to produce dynamic web pages. It is the base language of powerful
                  web technologies like Symfony, Wordpress, Joomla. It is constantly
                  evolving version by version.
                  <br /><br />
                  <span class="logo-mysql-icon logos-position"></span>
                  <strong><i>MySQL:</i></strong><br />
                  The world's most popular open source database. Used in some of
                  the most frequently visited web sites on the Internet, including
                  Flickr, Nokia.com, YouTube, Wikipedia, Google and Facebook.
                  <br /><br />
                  <span class="logo-wp-icon logos-position"></span>
                  <strong><i>Wordpress:</i></strong><br />
                  Is a blog oriented CMS. The new version, brings lot of customization
                  posibities, that let programers transform a simple blog into a
                  great site. Wordpress allows plugins, widgets and themes natively.
                  We use and adapt plugins with widgets, and also construct new ones
                  if neccesary. For the themes, we can work using, adapting or constructing
                  themes, using the simple technique (working directly on the theme)
                  or we can work with advanced possibilities using a framework theme
                  like Thematic or Hybrid and constucting a child theme.
                  <br /><br />
                  <span class="logo-sf-icon logos-position"></span>
                  <strong><i>Symfony:</i></strong><br />
                  The symfony framework is a full-stack MVC framework that helps to develop websites
                  faster. It also establishes a set of best practices that allows to develop maintainable
                  and secure websites with these features: Object-Relational Mapping (ORM),
                  Object-Oriented Programming (OOP) and Rapid Application Development (RAD).
                  <br /><br />
                  <span class="logo-joomla-icon logos-position"></span>
                  <strong><i>Joomla!:</i></strong><br />
                  A free, open-source content management system (CMS) and application
                  framework that powers 2.7% of the entire web. With a vibrant volunteer
                  community, user-friendly features and plenty of power, Joomla is
                  a great option for your site!
              </span>
            </div>
          </div>
          <div>
              <h3><a href="#">Ambar HQ</a></h3>
              <div><span>We always look for the better way to do something BEFORE START CODING. This practice
  avoids most of the problems on the developing process.

  It is not rewarding when a developer tells you after two or three days of work that all the
  code should be thrown away because the solution was not very well planned. This is very
  common when the quality is not a priority and wastes lot of time and money.

  Our solutions are developed with growing capacity, really easy to maintain. This is a very
  important issue because when a project grows, if it is well designed, will let you invest on
  upgrades, but if it is not, you will have to waste your resources patching and fixing, trying
  to continue online.</span></div>
          </div>
          <div>
              <h3><a href="#">Flexibility</a></h3>
              <div><span>We organize our development process using Agile Methods. This provides you an easy
  way to control and guide the entire process, avoiding extra time for adjustments of errors
  caused by incorrect understanding of the requirements by the programmer.</span></div>
          </div>
          <div>
              <h3><a href="#">Join us</a></h3>
              <div id="join-us-form-container">
                  <form  action="" name="join-us" id="join-us">
                      <table>
                          <tr>
                              <td><label for="name">Name&nbsp;</label></td>
                              <td><input type="text" size="30" name="name" id="name" class="required" minlength="2" maxlength="30" /></td>
                          </tr>
                          <tr>
                              <td><label>Lastname&nbsp;</label></td>
                              <td><input type="text" size="30" name="lastname" id="lastname" class="required" minlength="2" maxlength="30" /></td>
                          </tr>
                          <tr>
                              <td><label for="email">Email&nbsp;</label></td>
                              <td><input type="text" size="30" name="email" id="email" class="required email"/></td>
                          </tr>
                          <tr>
                              <td><label for="message">Message&nbsp;</label></td>
                              <td><textarea type="text" name="message" id="message" rows="5" cols="30" class="required" minlength="2" maxlength="250" ></textarea></td>
                          </tr>
                          <tr>
                              <td></td>
                              <td><input type="submit" id="send-join" value="send message"></td>
                          </tr>
                      </table>
                  </form>
              </div>
          </div>
          <div>
              <h3><a href="#">Contact us</a></h3>
              <div id="contact-us-form-container">
                  <form  action="" name="contact-us" id="contact-us">
                      <table>
                          <tr>
                              <td><label for="name2">Name&nbsp;</label></td>
                              <td><input type="text" size="30" name="name2" id="name2" class="required" minlength="2" maxlength="30" /></td>
                          </tr>
                          <tr>
                              <td><label for="lastname2">Lastname&nbsp;</label></td>
                              <td><input type="text" size="30" name="lastname2" id="lastname2" class="required" minlength="2" maxlength="30" /></td>
                          </tr>
                          <tr>
                              <td><label for="email2">Email&nbsp;</label></td>
                              <td><input type="text" size="30" name="email2" id="email2" class="required email"/></td>
                          </tr>
                          <tr>
                              <td><label for="message2">Message&nbsp;</label></td>
                              <td><textarea type="text" name="message2" id="message2" rows="5" cols="30" class="required" minlength="2" maxlength="250" ></textarea></td>
                          </tr>
                          <tr>
                              <td></td>
                              <td><input type="submit" id="send-contact" value="send message"></td>
                          </tr>
                      </table>
                  </form>
              </div>
          </div>
      </div>
      <div id="footer">
        Ambar Group Web&nbsp;&nbsp;|&nbsp;&nbsp;All Rights Reserved <?php echo date("Y"); ?>
      </div><!-- footer -->
     </div><!-- container -->
   </div><!-- wrapper -->
 </body>
   <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
   <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
   <script type="text/javascript" src="js/jquery.validate.min.js"></script>
   <script type="text/javascript" src="js/general.js"></script>
   <script type="text/javascript" src="js/queryLoader.js"></script>
   <script type="text/javascript">
	   QueryLoader.init();
   </script>
</html>

